<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<style>
    .body-div {
        width: 555px;
        height: 72px;
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .dbs-header-img {
        width: 80px;
        height: 24px;
        position: absolute;
        top: 8px;
        left: 4px;
    }

    .img-header-div {
        width: 173px;
        height: 40px;
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .title-header-div {
        width: 140px;
        height: 16px;
        position: absolute;
        top: 60px;
        left: 20px;
    }

    .title-transaction-number-div {
        width: 200px;
        height: 12px;
        position: absolute;
        top: 64px;
        left: 330px;
    }

    .line1 {
        width: 800px;
        height: 1px;
        position: absolute;
        top: 86px;
        left: 20px;
        background-color: rgba(23, 24, 26, 1);
    }

    .line2 {
        width: 800px;
        height: 1px;
        position: absolute;
        top: 91px;
        left: 20px;
        background-color: rgba(23, 24, 26, 1);
    }

    .line3 {
        width: 800px;
        height: 1px;
        position: absolute;
        top: 290px;
        left: 20px;
        background-color: rgba(23, 24, 26, 1);
    }


    .content-Financing-form-div {
        width: 53px;
        height: 12px;
        position: absolute;
        top: 118px;
        left: 20px;
    }

    .content-Financing-form-context-div {
        width: 53px;
        height: 12px;
        position: absolute;
        top: 118px;
        left: 260px;
    }

    .content-Organization-div {
        width: 53px;
        height: 12px;
        position: absolute;
        top: 158px;
        left: 20px;
    }

    .content-Organization-context-div {
        width: 53px;
        height: 12px;
        position: absolute;
        top: 158px;
        left: 262px;
    }

    .content-Financing-amount-div {
        width: 53px;
        height: 12px;
        position: absolute;
        top: 218px;
        left: 20px;
    }

    .content-Financing-amount-context-div {
        width: 53px;
        height: 12px;
        position: absolute;
        top: 218px;
        left: 262px;
    }

    .second-title-header-div {
        width: 173px;
        height: 40px;
        position: absolute;
        top: 250px;
        left: 20px;
    }
    .content-Finance-period-div{
        width: 53px;
        height: 12px;
        position: absolute;
        top: 300px;
        left: 20px;
    }
    .content-Finance-period-context-div{
        width: 53px;
        height: 12px;
        position: absolute;
        top: 300px;
        left: 262px;
    }
    .footer {
        width: 53px;
        height: 12px;
        position: absolute;
        top: 810px;
        left: 20px;
    }
    .footer2 {
        width: 53px;
        height: 12px;
        position: absolute;
        top: 810px;
        left: 80px;
    }
</style>
<!--header-->

<div class="body-div">
    <div class="img-header-div">
        <img src="img.png" width="80px" height="24px" class="dbs-header-img">
    </div>
    <div class="title-header-div">
        <!--        title-->
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; line-height: 16px; letter-spacing: -0.25px; white-space: nowrap;">
            Financing request details</p>
    </div>

    <div class="title-transaction-number-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
<!--            Transaction Number: GTSAJ-BG-2021OCT-->
            ${transactionNumber}
        </p>
    </div>
    <!-- line1 -->
    <hr class="line1">
    <!-- line2 -->
    <hr class="line2">


    <div class="content-Financing-form-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            Financing form
        </p>
    </div>

    <div class="content-Financing-form-context-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            ${financingForm}
        </p>
    </div>


    <div class="content-Organization-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            Organization
        </p>
    </div>

    <div class="content-Organization-context-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            ${Organization}
        </p>
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            ${Address}
        </p>
    </div>


    <div class="content-Financing-amount-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            Financing amount
        </p>
    </div>
    <div class="content-Financing-amount-context-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            ${financingAmount}
        </p>
    </div>

    <!-- line3 -->
    <hr class="line3">


    <div class="second-title-header-div">
        <!--        title-->
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; line-height: 16px; letter-spacing: -0.25px; white-space: nowrap;">
            Financing Details
        </p>
    </div>

    <div class="content-Finance-period-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            Finance period
        </p>
    </div>
    <div class="content-Finance-period-context-div">
        <p style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
            ${period}
        </p>
    </div>

</div>

<!-- 页脚 -->
<div class="footer">
    <p style="font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right; ">
        Printed on
    </p>

</div>
<div class="footer2">

    <p style="font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 8px; line-height: 12px; letter-spacing: -0.25px; white-space: nowrap; text-align: right;">
        ${printedOn}
    </p>
</div>


</body>
</html>